{% extends 'base.html' %}
{% load static %}
{% block title %}index{% endblock %}

{% block body %}
    <header>
        <div class="jumbotron jumbotron-lg jumbotron-fluid mb-3 bg-primary position-relative">
            <div class="container text-white h-100 tofront">
                <div class="row align-items-center justify-content-center text-center">
                    <div class="col-md-10">
                        <h1 class="display-3">这是我本科的毕业项目.</h1>
                        <h2 class="display-4">python3.7.9的django3.2.25，页面用的Bootstrap Reboot v4.1.3</h2>
                    </div>
                </div>
            </div>
        </div>

    </header>
    <!------------------------------------------
    NEWSLETTER
    ------------------------------------------->
    <div class="container pt-4 pb-5 mb-5" data-aos="fade-down">
        <div class="pb-4 text-center">
            <h2><span class="text-secondary font-weight-bold">提出建议</span>给<strong>我们</strong></h2>
            <p class="text-muted">
                如果可以的话，请留下您的名字和邮箱地址，非常感谢您提出的建议
            </p>
        </div>
        <form class="row justify-content-center">
            <div class="col-md-3">
                <input type="text" class="form-control input-round w-100 form-control-lg" placeholder="First name*">
            </div>
            <div class="col-md-3">
                <input type="text" class="form-control input-round w-100 form-control-lg" placeholder="E-mail address*">
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn btn-info btn-round btn-lg w-100">Subscribe</button>
            </div>
        </form>

    </div>
    <script>
        {#这段代码让表单可以聚焦#}
        AOS.init({
            disable: function () {
                var maxWidth = 1200;
                return window.innerWidth < maxWidth;
            }
        });
    </script>
    <style>
    body{
        overflow: hidden;
        {#去掉滚动条#}
    }
    </style>
    <!-- End Newsletter -->

    <!--------------------------------------
    FOOTER
    --------------------------------------->
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
         x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
<path class="bg-black" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
</svg>
    <footer class="bg-black pb-5">

    </footer>
{% endblock %}